initArtCateList()

// 获取文章分类的列表
function initArtCateList() {
  $.ajax({
    method: 'GET',
    url: '/my/article/cates',
    success: function (res) {
      const { status, message, data } = res
      if (status !== 0) return layui.layer.msg(message)
      var htmlStr = template('tpl-table', res)
      $('tbody').html(htmlStr)
    }
  })
}

let indexAdd
$('#btnAddCate').on('click', function () {
  indexAdd = layer.open({
    type: 1,
    area: ['500px', '250px'],
    title: '添加文章分类',
    content: $('#dialog-add').html()
  })
})

// 通过代理的形式，为 form-add 表单绑定 submit 事件
$('body').on('submit', '#form-add', function (e) {
  e.preventDefault()
  $.ajax({
    method: 'POST',
    url: '/my/article/addcates',
    data: $(this).serialize(),
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('新增分类失败！')
      }
      initArtCateList()
      layer.msg('新增分类成功！')
      // 根据索引，关闭对应的弹出层
      layer.close(indexAdd)
    }
  })
})

const form = layui.form

var indexEdit = null
$('tbody').on('click', '.btn-edit', function () {
  // 弹出一个修改文章分类信息的层

  var id = $(this).attr('data-id')
  if (id < 2) return layui.layer.msg('不能修改')

  indexEdit = layer.open({
    type: 1,
    area: ['500px', '250px'],
    title: '修改文章分类',
    content: $('#dialog-edit').html()
  })
  // 发起请求获取对应分类的数据
  $.ajax({
    method: 'GET',
    url: '/my/article/cates/' + id,
    success: function (res) {
      if (res.status !== 0) return layui.layer.msg(res.message)
      form.val('form-edit', res.data)
    }
  })
})

$('body').on('submit', '#form-edit', function (e) {
  e.preventDefault()
  $.ajax({
    method: 'POST',
    url: '/my/article/updatecate',
    data: $(this).serialize(),
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('更新分类数据失败！')
      }
      layer.msg('更新分类数据成功！')
      layer.close(indexEdit)
      initArtCateList()
    }
  })
})
